// 此文件为TuniaoUI的主题变量，这些变量目前只能通过uni.scss引入才有效，另外由于
// uni.scss中引入的样式会同时混入到全局样式文件和单独每一个页面的样式中，造成微信程序包太大，
// 故uni.scss只建议放scss变量名相关样式，其他的样式可以通过main.js或者App.vue引入

// tuniaoUI内外边距建议值
$tn-default-padding: 30rpx;

// 主颜色
$tn-main-color: #b88230;
//$tn-main-color: #d71fce;
$tn-main-orange: #FBBD12;
$tn-embellished-green: #00FFC6;
$tn-embellished-yellow: #FFF00D;
$tn-auxiliary-powder: #FF71D2;
$tn-auxiliary-blue: #82B2FF;
$tn-bg-color: #f5f5f5;
//$tn-bg-color: #fff;
$tn-bg-gray-color: #F4F4F4;
$tn-space-color: #F8F7F8;

// 类型主体色
$tn-type-names: "primary","success","warning","danger","info";
$tn-type-color-map: (
  'primary': ( 'normal': #b88230, 'light': #f6d68b),
  'success': ( 'normal': #00D886, 'light': #CCF7E7),
  'warning': ( 'normal': #FBBD12, 'light': #FEF2D0),
  'danger': ( 'normal': #FF444F, 'light': #FFDADC),
  'info': ( 'normal': #9C9C9C, 'light': #F0F1F0)
);

// 边框颜色
$tn-border-solid-color: rgba(0, 0, 0, 0.1);
$tn-border-solids-color: #eee;

// 边框宽度
$tn-border-base-width: 2rpx;
$tn-border-bold-width: 6rpx;

// 阴影颜色
$tn-shadow-color: rgba(0, 0, 0, 0.1);
$tn-box-shadow-color: rgba(0, 0, 0, 0.2);

// 阴影参数
$tn-box-shadow-attr: 6rpx 6rpx 8rpx;

// 字体大小
$tn-font-size: 28rpx;

// 字体颜色
$tn-font-color: #080808;
$tn-regular-font-color: #6B6B6B;
$tn-secondary-font-color: #9C9C9C;
$tn-placeholder-font-color: #CECECE;

$tn-mask-bg-color: rgba(0, 0, 0, 0.4);

$tn-progress-bg-color: #f0f0f0;

// 图鸟颜色名称
$tn-color-names: "main","red", "purplered", "purple", "bluepurple", "aquablue", "blue", "indigo", "cyan", "teal", "green", "yellowgreen", "lime", "yellow", "orangeyellow", "orange", "orangered", "brown", "grey", "gray";

// 图鸟颜色值命名
$tn-color-map: (
  "main": ("normal": #b88230, "dark": #936905, "disabled": #d6b770, "light": #f2dfb4),
  "red": ("normal": #E83A30, "dark": #BA2E26, "disabled": #F39C97, "light": #FAD8D6),
  "purplered": ("normal": #E72F8C, "dark": #B9266F, "disabled": #F397C5, "light": #FAD5E8),
  "purple": ("normal": #892FE8, "dark": #6E26BA, "disabled": #C497F3, "light": #E7D5FA),
  "bluepurple": ("normal": #5F4FD9, "dark": #4C3FAE, "disabled": #AFA7EC, "light": #DFDCF7),
  "aquablue": ("normal": #3646FF, "dark": #2B38CC, "disabled": #9AA2FF, "light": #D7DAFF),
  "blue": ("normal": #3D7EFF, "dark": #3165CC, "disabled": #9EBEFF, "light": #D8E5FF),
  "indigo": ("normal": #31C9E8, "dark": #27A1BA, "disabled": #98E4F3, "light": #D6F4FA),
  "cyan": ("normal": #2DE8BD, "dark": #24BA97, "disabled": #96F3DE, "light": #D5FAF2),
  "teal": ("normal": #24F083, "dark": #1DC069, "disabled": #91F7C1, "light": #D3FCE6),
  "green": ("normal": #31E749, "dark": #27B93A, "disabled": #98F3A4, "light": #D6FADB),
  "yellowgreen": ("normal": #A4E82F, "dark": #82BA26, "disabled": #D1F397, "light": #EDFAD5),
  "lime": ("normal": #D5EB00, "dark": #AABC00, "disabled": #E9F57F, "light": #F7FBCC),
  "yellow": ("normal": #FFF420, "dark": #CCC21A, "disabled": #FFF88F, "light": #FFFDD2),
  "orangeyellow": ("normal": #FFCA28, "dark": #CCA220, "disabled": #FFE493, "light": #FFF4D4),
  "orange": ("normal": #FFA726, "dark": #CC851E, "disabled": #FFD392, "light": #FFEDD4),
  "orangered": ("normal": #FF7043, "dark": #CC5A36, "disabled": #FFB7A1, "light": #FFE2D9),
  "brown": ("normal": #914F2C, "dark": #743F23, "disabled": #C8A795, "light": #E9DCD5),
  "grey": ("normal": #78909C, "dark": #5F7E8B, "disabled": #C6D1D8, "light": #E4E9EC),
  "gray": ("normal": #AAAAAA, "dark": #838383, "disabled": #E6E6E6, "light": #F8F7F8)
);

// 炫酷背景颜色
$tn-cool-bg-list: (
  ("start": #F5317F, "end": #FF7C6E),
  ("start": #CA26FF, "end": #F360A7),
  ("start": #A26FFC, "end": #9D12FF),
  ("start": #AA77F0, "end": #E871E5),
  ("start": #40A0F7, "end": #4866E6),
  ("start": #209CFF, "end": #68E0CF),
  ("start": #00C3FF, "end": #58FFF5),
  ("start": #00D1FF, "end": #69FF97),
  ("start": #0FD893, "end": #29ECBF),
  ("start": #0FD850, "end": #F9F047),
  ("start": #24FE41, "end": #F7FD47),
  ("start": #D6FF7F, "end": #00F657),
  ("start": #FA709A, "end": #FEE140),
  ("start": #FE5E9C, "end": #F1AA76),
  ("start": #FF3181, "end": #FF8331),
  ("start": #ED1C24, "end": #FECE12)
);